<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>Title</title>
    <link rel="stylesheet" href="bootstrap.css">

    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <!--网站的logo-->
            <a class="navbar-brand"></a>
        </div>
        <ul class="nav navbar-nav">
            <li><a href="">首页</a></li>
            <li><a href="">国内</a></li>
            <li><a href="">国际</a></li>
            <li><a href="">数读</a></li>
            <li><a href="">社会</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="">登录</a></li>
            <li><a href="">注册</a></li>
        </ul>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-2">
            <div class="list-group">
                <a href="" class="list-group-item">综合</a>
                <a href="" class="list-group-item">综合</a>
                <a href="" class="list-group-item">综合</a>
                <a href="" class="list-group-item">综合</a>
                <a href="" class="list-group-item">综合</a>
            </div>
        </div>
        <div class="col-sm-7">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias at commodi exercitationem
            facilis fugiat fugit, inventore iusto mollitia necessitatibus nesciunt nostrum nulla numquam odit, pariatur
            perferendis qui quibusdam sunt vitae?
        </div>
        <div class="col-sm-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aperiam autem
            deserunt
            dolores ea esse fugit, ipsam laudantium molestias nisi obcaecati porro praesentium quas quod repellendus
            sint
            vel voluptas?
        </div>
    </div>
</div>
</body>
</html>